<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>入驻设置</title>
		<link rel="stylesheet" href="layui/css/layui.css">
		<link rel="stylesheet" href="./css/set_share.css">
		<style type="text/css">
			.layui-form-label {
				width: 100px;
			}
			
			.layui-upload-list {
				margin-left: 20px;
				margin-top: 10px;
			}
			.ptips1{
				color: #999;
				font-size: 12px;
				padding-left: 130px;
				margin-top: 5px;
			}
			#demoText {
				margin-top: 5px;
			}
			#demoText2{
				margin-top: 5px;
			}
			
		</style>
	</head>

	<body>
		<div id="backstage" class="layui-layout layui-layout-admin">
			<union-header :header="header"></union-header>
			<uniocn-side :side="side"></uniocn-side>
			<div class="layui-body">
				<!-- 内容主体区域 -->
				<div class="finance-com">
					<div class="finance-title" style="background: #fff;padding-bottom: 0;border-bottom: 1px solid #1AB394">
						<button class="layui-btn layui-btn-ms">入驻设置</button>
					</div>

					<div class="finance-modular">
						<form action="##" class="layui-form">
							<p style="box-sizing: border-box;padding: 10px;background: #F8F8F8;">入驻设置</p>
							<div style="box-sizing: border-box;padding: 10px ;background: #fff">
								
								<div class="layui-form-item">
									<label class="layui-form-label" style="width: 100px;">付费入驻</label>
									<div class="layui-input-inline" style="width: 300px;">
										<input type="radio" name="set" value="开启" title="开启" checked>
										<input type="radio" name="set" value="关闭" title="关闭">
									</div>
								</div>
								
								<div class="layui-form-item">
									<label class="layui-form-label" style="width: 100px;">入驻条款</label>
									<div class="layui-input-inline" style="width: 900px;">
										<textarea id="demo" style="display: none;"></textarea>
									</div>
								</div>
								
								<div class="layui-form-item">
									<label class="layui-form-label" style="width: 100px;">收费说明</label>
									<div class="layui-input-inline" style="width: 900px;">
										<textarea id="demo2" style="display: none;"></textarea>
									</div>
								</div>
								
							</div>
							<button class="layui-btn" lay-submit="submit" lay-filter="formDemo" style="margin: 10px 10px 0px 0px">提交</button>
						</form>
					</div>
				</div>
			</div>
		</div>

		<script src="layui/layui.js"></script>
		<script src="./js/jquery-3.2.1.min.js"></script>
		<script src="./js/vue2.5.16.js"></script>
		<script src="./js/public.js"></script>
		<script src="js/data.js"></script>
		<script>
			new Vue({
				el: "#backstage",
				data: {
					header: data.header,
					side: data.side,
				}
			})

			layui.use(['form','layedit'], function() {
				var form = layui.form,
				    layedit = layui.layedit;
				
				layedit.build('demo'); //建立编辑器
				
				layedit.build('demo2'); //建立编辑器
  

				//监听提交
				form.on('submit(formDemo)', function(data) {
					console.log(JSON.stringify(data.field));
					return false;
				});
			});
		</script>
	</body>

</html>